$(function () {
    let layer = layui.layer
    // 封装获取列表函数
    getSwiperList()
    function getSwiperList() {
        // 发送Ajax，获取列表数据
        $.ajax({
            url: 'admin/swipers',
            success: function (res) {
                // console.log(res);
                if (res.status !== 0) {
                 return layer.msg('查询轮播图失败')
                }
                // 成功
                let htmlstr = template('swiperStr', res)
                $('#tb').html(htmlstr)
            }
        })
    }


//   批量上传轮播图
    $('#addSwiper').click(function () {
       $('#swiperFile').click()
    })
    
    // 注册事件监听
    $('body').on('change', '#swiperFile', function (e) {
        // console.log(11);
         // 获取用户选择的图片
        let file = e.target.files
        
        let fd = new FormData()
        // fd.forEach(function (v, k) {
        //       console.log(v,k);
        //       });
       $.each(file, function (index, item) {
         fd.append('swipers', item)
       })
        // 发送ajax
        $.ajax({
            url: 'admin/swipers',
            type: 'POST',
            data: fd,
            contentType: false,
            processData: false,
            success: function (res) {
             console.log(res);
                if (res.status !== 0) {
                  return layer.msg('上传轮播图失败')
                }
                layer.msg('上传轮播图成功')
                getSwiperList()
            }
        })
    })


    // 删除功能
    $('#tb').on('click', '.delBtn', function () {
        // 获取 id值
        let id = $(this).attr('data-id')
        // 弹出询问框
        layer.confirm('确定删除吗?', {icon: 3, title:'提示'}, function(index){
           
            // 发送Ajax删除数据
            $.ajax({
                url: 'admin/swipers/' + id,
                type: 'DELETE',
                success: function (res) {
                //  console.log(res);
                    if (res.status !== 0) {
                     return layer.msg('删除轮播图失败')
                    }
                    // 关闭弹窗
                    layer.close(index);
                    // 重新获取列表
                    getSwiperList()
                }
            })
         
        });

    })


    //修改轮播图状态
    
    

    $('#tb').on('click', '.layui-btn', function () {
    //  console.log(11);
        let status =  $(this).attr('data-status')
        let id = $(this).attr('data-id')
        // console.log(status);
        // console.log(id);

        $.ajax({
            url: 'admin/swipers/' + id,
            type: 'PUT',
            data: {
              status
            },
            success: function (res) {
                console.log(res);
                if (res.status !== 0) {
                 return layer.msg('切换轮播图状态失败')
                }
                getSwiperList()
            }
        
        })

    })




})